$(function () {
    let str = `
    <div class="whiteContext">
        <div class="left-tab">
            <div class="filter-head">
                <h1 class="h1">香水</h1>
            </div>
            <div class="filter-main">
                <div class="filter-main-head">
                    <div class="filtername">
                        <span>库存</span>
                    </div>
                    <div class="filter-content">
                        <ul>
                            <li id="salesOutFlag"><a class="topa btnChang" data-name="仅看有货">仅看有货</a></li>
                        </ul>
                    </div>
                </div>
                <div class="filter-main-head">
                    <div class="filtername">
                        <span>定制服务</span>
                    </div>
                    <div class="filter-content">
                        <ul>
                            <li id="engravedFlag"><a class="topa btnChang" data-name="支持刻字">支持刻字</a></li>
                        </ul>
                    </div>
                </div>
                <!--P4-3左侧导航-筛选 -->
                <!--P4-3左侧导航-筛选 -->
                <div class="filter-main-head cont">
                    <div class="filtername">
                        <span>产品分类</span><img class="checked" data-id="1" data-toggle="collapse"
                            data-target="#collapseExample" aria-expanded="false"
                            aria-controls="collapseExample" src="/images/perfume/add.png">
                    </div>

                    <div class="collapse" id="collapseExample">
                        <ul class="downList">
                            <li class="li"><img src="/images/perfume/check.png" class="checks" />
                                <a class="aspan" data-id="1" data-cate="产品分类" data-str="女士香水">女士香水</a>
                            </li>
                            <li class="li"><img src="/images/perfume/check.png" class="checks" />
                                <a class="aspan" data-id="1" data-cate="产品分类" data-str="男士香水">男士香水</a>
                            </li>
                        </ul>
                    </div>

                </div>
                <!--P4-3左侧导航-筛选 -->
                <div class="filter-main-head cont">
                    <div class="filtername">
                        <span>系列</span><img class="checked" data-id="1" data-toggle="collapse"
                            data-target="#collapseExample1" aria-expanded="false"
                            aria-controls="collapseExample1" src="/images/perfume/add.png">
                    </div>
                    <div class="collapse" id="collapseExample1">
                        <ul class="downList">
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-cate="系列" data-str="反转巴黎">反转巴黎</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-cate="系列" data-str="黑色奥飘茗">黑色奥飘茗</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-cate="系列" data-str="衣典系列">衣典系列</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-cate="系列" data-str="自由之水">自由之水</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-cate="系列" data-str="先锋男士">先锋男士</a></li>
                        </ul>
                    </div>

                </div>
                <!--P4-3左侧导航-筛选 -->
                <div class="filter-main-head cont">
                    <div class="filtername">
                        <span>价格范围</span><img class="checked" data-id="1" data-toggle="collapse"
                            data-target="#collapseExample3" aria-expanded="false"
                            aria-controls="collapseExample3" src="/images/perfume/add.png">
                    </div>
                    <div class="collapse collapseExample3" id="collapseExample3">

                    </div>
                </div>
                <!--P4-3左侧导航-筛选 -->
                <div class="filter-main-head cont">
                    <div class="filtername">
                        <span>规格</span><img class="checked" data-id="1" data-toggle="collapse"
                            data-target="#collapseExample2" aria-expanded="false"
                            aria-controls="collapseExample2" src="/images/perfume/add.png">
                    </div>


                    <div class="collapse" id="collapseExample2">
                        <ul class="downList">
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="30ml">30ml</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="40ml">40ml</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="50ml">50ml</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="60ml">60ml</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="70ml">70ml</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="80ml">80ml</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="90ml">90ml</a></li>
                            <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                    data-id="1" data-str="100ml">100ml</a></li>
                        </ul>
                    </div>

                    <ul class="ul">
                        <li id="salesOutFlag"><a class="topa reset">重置</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    `
    $('#topContext').html(str)
})